<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title>HTML5●●ホームページテンプレートT010(mono)●●</title>
<meta name="Keywords" content="このサイトのキーワードを書いてください。サンプル,サンプル" />
<meta name="Description" content="サイトの紹介文を書いてください。" />
<link href="css/index.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<script src="js/main.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/desSlideshow.js"></script>
<script type="text/javascript">
    $(function() {
        $("#desSlideshow1").desSlideshow({
            autoplay: 'enable',//option:enable,disable
            slideshow_width: '960',//slideshow window width
            slideshow_height: '200',//slideshow window height
            thumbnail_width: '200',//thumbnail width
            time_Interval: '4000',//Milliseconds
            directory: 'images/'// flash-on.gif and flashtext-bg.jpg directory
        });
    });
</script>
<!--[if lte IE 8]>
<script src="js/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="container">
<header>
<h1><img src="img/logo.gif" alt="" /></h1>
<nav>
<ul>
  <li class="nav_a"><a href="index.html" title="HOME">HOME</a></li>
  <li><a href="service.html" title="サービス">サービス</a></li>
  <li><a href="news.html" title="News&amp;Topics">News $ Topics</a></li>
  <li><a href="#">Blog</a></li>
  <li><a href="access.html" title="アクセスマップ">アクセスマップ</a></li>
  <li><a href="contact.html" title="お問い合わせ">お問い合わせ</a></li>
</ul>
</nav>
</header>
<div id="desSlideshow1" class="desSlideshow">
<div class="switchBigPic">
    <div>
    <a title="" href="#"><img class="pic" src="images/006.jpg" alt="HTML5サンプル1"></a>
        <p><strong>サンプル Title1</strong><br/>
                   サンプル Content1
        </p>
    </div>
    <div>
    <a title="" href="#"><img class="pic" src="images/004.jpg" alt="HTML5サンプル2"></a>
    </div>
    <div>
    <a title="" href="#"><img class="pic" src="images/001.jpg" alt="HTML5サンプル3"></a>
        <p><strong>サンプル Title3</strong><br/>
                   サンプル Content3
        </p>
    </div>
    <div>
    <a title="" href="#"><img class="pic" src="images/003.jpg" alt="HTML5サンプル4"></a>
        <p><strong>サンプル Title4</strong><br/>
                   サンプル Content4
        </p>
    </div>
</div>
<ul class="nav">
    <li><a href="#">サンプル</a></li>
    <li><a href="#">サンプル</a></li>
    <li><a href="#">サンプル</a></li>
    <li><a href="#">サンプル</a></li>
</ul>
</div>
<section>
<article class="ss">
<h1>News &amp; Topics</h1>
<h2>タイトル </h2>
<p>サンプルテキスト、サンプルテキスト
  、サンプルテキスト、サンプルテキスト 。 </p>
<p>サンプルテキスト、サンプルテキスト、サンプルテキスト
  、サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト
  、サンプルテキスト。</p>
<p>サンプルテキスト、サンプルテキスト
  、サンプルテキスト、サンプルテキスト 。</p>
<h3><a href="news.html" title="News&amp;Topics">READ MORE</a></h3>
</article>
<article class="sl">
<h1>Service </h1>
<img src="img/banner1.gif" alt="" />
<h2>タイトル </h2>
<p>サンプルテキスト、サンプルテキスト
  、サンプルテキスト、サンプルテキスト 。 </p>
<p>サンプルテキスト、サンプルテキスト、サンプルテキスト
  、サンプルテキスト。</p>
</article>
<aside>
<a href="#"><img src="img/sample_banner.gif" alt="イメージバナー1"></a>
<a href="#"><img src="img/sample_banner1.gif" alt="イメージバナー2"></a>
<img src="img/icon/templateya.gif" alt="テンプレート屋.comバーコード">
</aside>
</section>
</div>
<footer>
<div id="foot">
<div id="follow"> 
  <h2>Follow us</h2>
  <p>サンプルテキスト、サンプルテキスト
  、サンプルテキスト、サンプルテキスト 。 </p>
  <h3><a href="#"><img src="img/icon/facebook.png" alt="facebook" /></a><a href="#"><img src="img/icon/twitter.png" alt="twitter"></a><a href="#"><img src="img/icon/rss.png" alt="rss"></a></h3>
</div>
<nav>
<h2>MENU </h2>
<ul>
  <li><a href="index.html" title="HOME">HOME</a></li>
  <li><a href="service.html" title="サービス">サービス</a></li>
  <li><a href="news.html" title="News&amp;Topice">News &amp; Topics</a></li>
  <li><a href="#" title="ブログ">Blog</a></li>
  </ul>
</nav>
<nav>
<ul class="footer_sub">
  <li><a href="access.html" title="アクセスマップ">アクセスマップ</a></li>
  <li><a href="contact.html" title="お問い合わせ">お問い合わせ</a></li>
  <li><a href="sitemap.html" title="サイトマップ">サイトマップ</a></li>
  </ul>
</nav>
<div id="pr">
　<!--削除禁止ここから -->
  <p><a href="http://www.templateya.com/" title="テンプレート屋.com" target="_blank">Template by テンプレート屋.com</a></p>
  <p>&lt;PR&gt; <a href="http://www.felibe.com/" title="ホームページ制作のFelibe" target="_blank">Felibe</a></p>
  <!--削除禁止ここまで -->
</div>
<div id="copy">
  <h3>Copyright &copy; XXXXX XXXX All right reserved.</h3>
</div>
</div>
</footer>
</body>
</html>
